<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        b {
            /* 小标签---行内标签   不支持宽高 */
            width: 100px;
            height: 100px;
            background-color: #f00;
            /* 不支持上下 */
            margin-top: 40px;
            /* 支持左右 */
            margin-left: 50px;
        }
    </style>
</head>

<body>

    <!-- 
        div
        p
        h1-h6
        img
        a

        br
        hr

        转义字符  &nbsp;

        strong  em对搜索引擎更加友好


        行内标签：  b  strong  i  em  del  u  sub  sup  span  a

     -->

    <a href="">超链接</a>

    <b>加粗</b>
    <strong>强调加粗</strong>

    <i>斜体</i>
    <em>强调倾斜</em>

    <del>删除</del>

    <span>最常见的小标签</span>

    <sub>下标</sub>

    <sup>上标</sup>

    <u>下划线</u>




</body>

</html>